import { createApp } from "vue";
import "./style.css";
import App from "./App.vue";
import { router } from "@/router/index";

import ElementPlus from "element-plus";
import "element-plus/dist/index.css";
import * as ElementPlusIconsVue from "@element-plus/icons-vue";
import "@/styles/index.scss";
import Directives from "@/directives/index";
// import '@/styles/vari.module.scss'//scss变量 要在 使用它的页面引入文件 在main.js里引入不行

import pinia from "@/store";

const app = createApp(App);
app.use(router);
app.use(ElementPlus);
app.use(pinia);
app.use(Directives);

import "animate.css";
// import 'wow.js/css/libs/animate.css'

for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component);
}

app.mount("#app");
